<?php
// include_once "../db.php";
?>

<!--script type="text/javascript" language="javascript" src="secciones/js/jquery.dataTables.js"></script-->
<!--script type="text/javascript" language="javascript" src="http://blog.timersys.com/ejemplos/scroll-con-jquery/jquery.scrollTo.js"></script-->
<!--<script type="text/javascript" language="javascript" src="secciones/js/jquery.jeditable.js"></script>-->
<!--<script type="text/javascript" language="javascript" src="http://datatables.net/release-datatables/examples/examples_support/jquery.jeditable.js"></script>-->

<!--script type="text/javascript" src="js/jqModal.js"></script-->

<script type="text/javascript" charset="utf-8">

var oTable;

(function(){



    var asInitVals = new Array();
    

    function subir()
    {
        window.scrollTo(0,0);    
    }

    $(document).ready(function() {
        
        oTable = $('#datatable_dinamico').dataTable({
            // "bPaginate": false,
            // "bLengthChange": false,
            // "bFilter": false,
            // "bSort": false,
            // "bInfo": false,
            // "bAutoWidth": false,
            "iDisplayLength": 25,     
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            //            "bStateSave": true,
            
            //"aaSorting": [[ 3, "asc" ]],            

            "aoColumns": [
                { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "150px" },
                { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true, "sWidth": "80px" },
                { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": false, "sWidth": "50px" },
                        
                { "bVisible": true, "sClass": "editable", "bSortable": true, "bSearchable": true },
                        
                //{ "bVisible": true, "bSortable": true, "bSearchable": false, "sWidth": "50px" },
                //{ "bVisible": true, "bSortable": false, "bSearchable": false, "sWidth": "90px" },
                { "bVisible": true, "bSortable": false, "bSearchable": false, "sWidth": "20px" },
                { "bSortable": false, "bSearchable": false, "sWidth": "90px" }
            ],            
            
            "oLanguage": oLanguageGlobal,
            "fnInitComplete": function(oSettings, json) {
                //redibujarTabla();
                //alert( 'DataTables has finished its initialisation.' );

                //fnClickAddRow(); 
                              
                //                var giCount = "s";
                //                    
                //                $(this).fnAddData( [
                //                    giCount+".1",
                //                    giCount+".2",
                //                    giCount+".3",
                //                    giCount+".4",
                //                    giCount+".5",
                //                    giCount+".6" ] );
                //        
            },
            
            "fnStateLoad": function (oSettings, oData) {
                //                fnClickAddRow(); 
            }
                    
        });
        
        //        fnClickAddRow(); //no anda
            
        setTimeout("redibujarTabla()", 100) //si anda!! rck


        //la edicion inline la dejamos para otro dia rck
        /*
        oTable.$('td').click(function(){ //no anda
//        $('td').click(function(){
            alert("au");            
        });
        
         */

        //        $(".editable_nombre").click(function(){  //no anda
        //            alert("au");            
        //        });
        
        
        //        $("#hola").click(function(){ //si anda
        //            alert("au");            
        //        });

        
        /* Apply the jEditable handlers to the table */
        /*
        oTable.$('td').editable( '../examples_support/editable_ajax.php', {
            "callback": function( sValue, y ) {
                var aPos = oTable.fnGetPosition( this );
                oTable.fnUpdate( sValue, aPos[0], aPos[1] );
            },
            "submitdata": function ( value, settings ) {
                return {
                    "row_id": this.parentNode.getAttribute('id'),
                    "column": oTable.fnGetPosition( this )[2]
                };
            },
            "height": "14px",
            "width": "100%"
        } );
        
         */
        
        
        $("tfoot input").keyup( function () {
            /* Filter on the column (the index) of this element */
            oTable.fnFilter( this.value, $("tfoot input").index(this) );
        } );
	
	
	
        /*
         * Support functions to provide a little bit of 'user friendlyness' to the textboxes in 
         * the footer
         */
        $("tfoot input").each( function (i) {
            asInitVals[i] = this.value;
        } );
	
        $("tfoot input").focus( function () {
            if ( this.className == "search_init" )
            {
                this.className = "";
                this.value = "";
            }
        } );
	
        $("tfoot input").blur( function (i) {
            if ( this.value == "" )
            {
                this.className = "search_init";
                this.value = asInitVals[$("tfoot input").index(this)];
            }
        } );
  
    } );
    
    //redibujarTabla();

	})();
	
    function nuevo(){
        ventanaAdminNew.show();
 
    
    }


    var giCount = 1;
    
    function fnClickAddRow() {
        oTable.fnAddData( [
            giCount+".1",
            giCount+".2",
            giCount+".3",
            giCount+".4",
            giCount+".5",
            giCount+".6" ] );
     
        giCount++;
    }
    
    function vaciarTabla(){
        oTable.fnClearTable();   
    }

     
    function redibujarTabla(){
        
        showStickySuccessToast("Actualizando <br> Tabla..");
        
               var arrDatos = [
                   [ "Trident", "Internet Explorer 6.0", "Win 98+", 6, "A", 45 ],
                   [ "Trident", "Internet Explorer 7.0", "Win XP SP2+", 7, "A", 122 ]
               ];
   
		/*
        var jsonDatos = RemiElias.Administrators.getAllFromDB();
        var nivelesAdministrators = RemiElias.Administrators.getNivelesAsArray();
        //        console.log(nivelesAdministrators);
   
        var arrDatos = [];        
        for(var i=0; i < jsonDatos.length; i++){     
            
            var nro_nivel = jsonDatos[i].atributos.nivel_id;
            var nivel = nivelesAdministrators[nro_nivel];
            var habilitafo_img = (jsonDatos[i].atributos.user_habilitado == "1" )? "si.png":"no.png";
            arrDatos.push([
                jsonDatos[i].atributos.user_fullname,
                jsonDatos[i].atributos.user_nick,
                jsonDatos[i].atributos.user_pass,
                nivel,
                //                jsonDatos[i].atributos.user_habilitado,
                '<img src="images/'+habilitafo_img+'" width="20" border="0" >',
                '<img onclick="editar(2)" style="cursor:pointer" src="images/edit.png" width="20" title="Editar">' +
                    '<img onclick="eliminar(5)" style="cursor:pointer" src="images/cancel.png" width="20" title="Eliminar"> '          
            ]);
        }
        */
		
        //console.log(arrDatos);
        oTable.fnClearTable();   
      
        for(var i=0;i<arrDatos.length;i++){
            //console.log(arrDatos[i]);
            oTable.fnAddData(arrDatos[i]);
        }       
   
        //alert("redibujando");
        //oTable.fnDraw();
        
        
    }  


    function eliminar(id_user)
    {
        alert("eliminando: " + id_user);
 
        /*
    var html = $.ajax({
            // url: "ajax_existe_user.php?user_nick="+ nick,
            type: "GET",
            url: "php_ajax/delete_row_ajax.php",
            data: "row_id=" + id_cliente + "&tabla=sis_clientes&campo_id=user_id",
            async: false
         }).responseText;
         
         */
        /*
        //a la papelera
        var query = "DELETE FROM admin_administrators WHERE user_id = "+ id_user ;
    
        var html = $.ajax({
            type: "POST",
            url: "php_ajax/query_executor.php",
            data: "query=" + query,
            async: false
        }).responseText;

         
         
        // alert("asd: " + html);
        // if(html == "1")
        // {
        // alert("cliente eliminado: " + id_cliente);
        window.location='index.php?section=administrators_list';
        
         */
        // }
   
    }
    

    
    function editar(id_user){
        //alert("editando: " + id_user);

      /*
        var viaje = RemiElias.Viajes.findById(idViaje);    
        var cli =  RemiElias.Clientes.findById(viaje.cliente_id);  //cli.getViajesForDataStore()
        //console.log(viaje);
        
        ventanaReservaNew.setTitle("Editar Viaje");
        ventanaReservaNew.show();  
        ventanaReservaNew.cargarDatosViaje(idViaje);
        
        
        //no toma estos valores xq no esta en el store ojo!!
        //        Ext.getCmp('comboClientesNombre').setValue(cli.user_nombre);        
        //        Ext.getCmp('comboclienteId').setValue(cli.user_id);  
        //        
        $("#inputIdComboClientes").val(cli.user_nombre);
        $("#inputIdcomboclienteId").val(cli.user_id);
                   
        Ext.getCmp('idComboDesde').store = lugares;
        Ext.getCmp('idComboHasta').store = lugares;
        
        lugares.removeAll();
        lugares.add(cli.getViajesForDataStore());
            
        Ext.getCmp('idComboDesde').setValue(viaje.viaje_desde);
        Ext.getCmp('idComboHasta').setValue(viaje.viaje_hasta);
                
        //ojo seteo el edit //cuando reseta el window lo pone denuevo como new_reserva
        Ext.getCmp('hiddenfield_accion').setValue("edit_reserva");  
        Ext.getCmp('hiddenfield_editarReservaId').setValue(viaje.viaje_id); //ojo seteo el edit
           */

    }


	
</script>


<style>

</style>

<div class="contenedor_" style="width: 760px;"    >

<div style="margin: 0 auto; width: 750; padding: 10px">

    <div id="hola">hola</div>

    <input type="button" onclick="vaciarTabla()" value="vaciarTabla" >

    <input type="button" onclick="redibujarTabla()" value="redibujarTabla" >

    <input type="button" onclick="fnClickAddRow()" value="fnClickAddRow" >
    <br>


    <h1 class="tituloBlanco">Empleados
        <a style="float:right; margin-top: -9px" title='Actualizar Tabla' href='javascript:redibujarTabla()' ><img style='cursor:pointer' src='images/refresh.png' width="30"  border='0'  ></a> &nbsp;
        <a style="float:right; margin-top: -15px" title='Agregar Admin' href='javascript:nuevo()' ><img style='cursor:pointer' src='images/add_admin.png' width="40"  border='0'  ></a> &nbsp;
    </h1>
    <br>

    <!--a href="#" class="jqModal">view</a-->

    <table cellpadding="0" cellspacing="0" border="0" class="display" id="datatable_dinamico" >
        <thead>
            <tr>
                <th>Nombre y Apellido</th>  
                <th>Nickname</th>                
                <th>Password</th>                
                <th>Nivel</th>               

                <th>Habilitado</th>     

                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
        </tbody>	
        <tfoot>
            <tr>
                <th><input type="text" name="search_enginejjj" value="Buscar por Nombre" class="search_init" /></th>
                <th><input type="text" name="search_browser" value="Buscar por Nick" class="search_init" /></th>
                <th style="visibility:hidden"><input type="text" name="search_version" value="Search versions" class="search_init" /></th>
                <th><input type="text" name="search_version" value="Buscar por Nivel" class="search_init" /></th>
                <th style="visibility:hidden"><input type="text" name="search_grade" value="Search grades" class="search_init" /></th>
                <th style="visibility:hidden"><input type="text" name="search_grade" value="Search grades" class="search_init" /></th>
            </tr>
        </tfoot>
    </table>
</div>
</div>